<template>
	<view class="card" style="background-color: #fff;padding: 20px;height: 100vh;">
		<view class="main">
			<view class=" main-item" @click="apply"> 
			   <text>出区申请</text>
				<view class="main-item-img"><img src="@/static/img/add.png" mode=""></img></view>
			</view>
			<view class=" main-item" @click="myApply"> <text>我的申请</text>
				<view class="main-item-img"><img src="@/static/img/myApply.png" mode=""></img></view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			myApply(){
				uni.navigateTo({
					url:'/pages/home/applyThrough/myApplication'
				})
			},
			apply(){
				uni.navigateTo({
					url:'/pages/home/applyThrough/applicationForm'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.main{
		
		font-size: 16px;
		&-item{
			height: 70px;
			width: 170px;
			line-height: 70px;
			background-color: #F0F8FF;
			border: 0.5px solid #eee;
			border-radius: 10px;
			margin-bottom: 20px;
			padding-left: 20px;
			box-shadow: 0 2px 2px #eee;
			display: flex;
			justify-content: flex-start;
			
			&-img{
				height: 70px;
				line-height: 70px;
				margin: 15px 0 10px 20px;
				img{
					width:40px ;
					height: 40px;
				}
			}
		}
	}

</style>
